iT邦幫忙

2021 iThome 鐵人賽

DAY 30
0
自我挑戰組

轉職軟體工程師的543系列 第 30

【Day 30】JavaScript Async/Await

  • 分享至 

  • xImage
  •  

async和await是 ES7 引入的標準之一。建立在 promise 的語法基礎上,只要 function 標記為 async,就表示裡頭可以撰寫 await 的同步語法,而 await 顧名思義就是「等待」,它會確保一個 promise 物件都解決 ( resolve ) 或出錯 ( reject ) 後才會進行下一步。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  <h2>JavaScript async / await 範例</h2>
  <p>請再等待3秒....</p>  
  <h1 id="demo"></h1>  
  <script>
  async function myDisplay() {
    let myPromise = new Promise(function(myResolve, myReject) {
      setTimeout(function() { myResolve("Hello async / await !!"); }, 3000);
    });
    document.getElementById("demo").innerHTML = await myPromise;
  }  
  myDisplay();
  </script>  
   
</body>
</html>

上一篇
【Day 29】JavaScript fetch
系列文
轉職軟體工程師的54330
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言